var obj5;
$.ajax({//ajax  获取json的值
	url:"js/shouye.json",
	type:"GET",
	async:false,
	success:function(son5){
	//执行成功毁掉函数
	obj5=son5;
	
	
	}}
)
var arr5=obj5.list;//arr 定义为json文件下的list列表
$(arr5).each(function(index5,tutu5){//遍历循环
	var jsdiv5=document.getElementsByClassName("rebody44");
var jsdiv15=document.createElement("div");
$(jsdiv15).appendTo(jsdiv5);
	
		var span=$("<span/>");
	span.css({"width":"90px","font-size":"13px","position":"absolute","display":"block","top":"50px","left":"10px"});
	span.html(tutu5.title)//获取json中的pice值
	$(span).appendTo(jsdiv15);
		var p=$("<p/>");
	
	
	p.html(tutu5.pice)//获取json中的pice值
	$(p).appendTo(jsdiv15);
	p.css({"width":"80px","color":"red","font-size":"10px","display":"block","top":"70px","position":"absolute","left":"10px"});	
	
	var img5=$("<img/>");//创建图片
	img5.attr({
		"src":"img/"+tutu5.img,//获取json的图片
		"title":tutu5.title,	//提示标 
	})
	$(img5).css({"left":"105px","position":"absolute","top":"40px"});
	$(img5[0]).appendTo(jsdiv15);
	
$(jsdiv15).css({"height":"186px","width":"250px","float":"left","position":"relative","overflow":"hidden","border-top":"1px solid #cecece","border-left":"1px solid #cecece"});
$(".rebody").css("border","1px solid #cecece")


$(img5[0]).mouseover(function(){
	$(img5[0]).stop().animate({
		"top":20,
		"left":105
	},1000)
})
$(img5[0]).mouseout(function(){
	$(img5[0]).stop().animate({
		"top":40,
		"left":105
	},1000)
})
})

//json2
var obj6
$.ajax({
	type:"get",
	url:"js/rexiao.json",
	async:false,
	success:function(son6){
		obj6=son6
	}
})
var arr6=obj6.list;
var divspan6=document.createElement("div")
$(divspan6).appendTo($(".rebody44span"));
$(divspan6).css({"width":"1200px","height":"75px","border-left":"1px solid #cecece","border-right":"1px solid #cecece","border-bottom":"1px solid #cecece",})

$(arr6).each(function(index6,xiaotu6){
	var a=$("<a/>");
	$(a).appendTo(divspan6);
	$(a).css({"width":"199px","height":"73px","float":"left","display":"block","position":"relative"});
	var img6=$("<img/>");
	img6.attr({
		"src":"img/"+xiaotu6.img,
		"title":xiaotu6.title
	})
	var adiv6=$("<div></div>");
	$(adiv6).appendTo(a);
	
	
	$(adiv6).css({"position":"absolute","height":"40px","width":"100px","top":"15px","left":"47px","z-index":"5","background":"#ffffff","text-align":"center","line-height":"40px","color":"red","font-size":"12px","border-radius":"10%","border":"1px solid red","display":"none"})
	adiv6.html(xiaotu6.pice);
	$(img6[0]).appendTo(a);

	$(img6[0]).css({"position":"absolute","left":"47px","top":"15px"})
	$(".rebody11span").css({"height":"122px"})
$(img6[0]).mouseover(function(){
	$(adiv6[0]).css("display","block")
}) 
$(adiv6[0]).mouseout(function(){
	$(adiv6[0]).css("display","none")
})
})



